body {
  margin: 0;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  background-color: #fff
}

h1,h2,h3,h4,h5,h6 {
  color: #002145;
  font-family: inherit;
  font-weight: 700;
  margin: 20px 0 10px 0;
  line-height: 1;
  text-rendering: optimizelegibility;
}

h1,h2,h3 {
  line-height: 40px;
}

h1 {
  font-size: 36px;
  line-height: 40px
}

h2 {
  font-size: 30px;
  line-height: 40px
}

h3 {
  font-size: 24px;
  line-height: 30px
}

h4 {
  font-size: 18px;
  line-height: 30px
}

h5 {
  font-size: 14px;
  line-height: 20px
}

h6 {
  font-size: 12px;
  line-height: 20px
}

/*-----------Header1, topheader.jsp, ((logo, cart, login))-----------------*/

#header1Container {
    background-color: #FFFFFF; 
    width: 100%;
    color: #4d535b !important;
 }  /* Middle of the languagebar.jsp ((logo, cart, login))*/

#header1Wrapper{
  background-color: #FFFFFF !important;
  color: #4d535b !important;
  border-top: 3px solid #002145;
 } /* sides of languagebar.jsp ((logo, cart, login))*/

 #cartInfo .glyphicon-shopping-cart{
    color: #002145 !important; /* cart color*/ 
  }

  #loginDropdownMenuLink{
    font-size: 1rem !important;
    font-weight: 400;
  }

  #logoutLinkWrapper{
    color: white !important; 
    font-size: 15px !important;
    font-weight: 400;
    width: 8rem!important;
  }
  
  .headerProfileLink{
    font-size: 15px !important;
    font-weight: 400;
  }
  #loginInfo .headerProfileLink {
    color: white!important;
  }
  
  #loginNameWrapper {
    color: white !important; 
    font-size: 15px !important;
    font-weight: 400;
  }
  
  .headerStudentLoginLogoutLink{
    font-size: 1rem !important;
    font-weight: 400;
  }

  #loginInfo, #cartInfo {
    margin-left: 2rem;
}
 #sidebar1Module1 .d-none {
   display: unset!important;
 }
 .portalMenu .nav-link {
   color: #002145;
 }

#header1ContentWrapper .container, #header1Container {
  padding-left: 14px;
  padding-right: 14px;
}

body.llis-default #header1Container, 
body.llis-exl #header1Container, 
body.llis-ubco #header1Container, 
body.llis-lfs #header1Container {
  border-left: 1px solid #d7e0e7;
  border-right: 1px solid #d7e0e7;
}


body.llis-default #header1ContentWrapper, 
body.llis-exl #header1ContentWrapper, 
body.llis-ubco #header1ContentWrapper, 
body.llis-lfs #header1ContentWrapper {
height: 95px;
}

#header1ContentWrapper {
height: 2rem;
}

#ubc7-logo a,#ubc7-apom a,#ubc7-wordmark a,#ubc7-global-utility button span,#ubc7-signature a,.ubc7-campus,.hide-text {
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap
}

#ubc7-logo,#ubc7-apom,#ubc7-wordmark {
  height: 100%
}

#ubc7-wordmark-block {
  background-position: -72px -115px;
  border-left: 1px solid #d7e0e7;
  width: 91.48936170212765%;
  position: relative
}

#ubc7-logo,#ubc7-apom a,#ubc7-wordmark-block,#ubc7-global-utility button span,#ubc7-global-utility-no-script,#ubc7-okanagan-campus,#ubc7-vancouver-campus,#ubc7-signature a,.ubc7-carousel-control,#ubc7-ql-apom span,#ubc7-ql-mobile span,.ubc7-arrow {
  background-image: url('https://cdn.ubc.ca/clf/7.0.4/img/ubc7-clf-sprite-blue.png');
  background-repeat: no-repeat
}

#ubc7-logo a,#ubc7-apom a,#ubc7-wordmark a,#ubc7-global-utility button {
  display: block;
  height: 100%;
  width: 100%
}

#ubc7-logo {
  background-position: 11px -115px;
  min-width: 95px
}
#header1 {padding-top: 0px;}
#schoolHeaderLogoWrapper {max-width: 10%!important;}
#mainContentWrapper {
  Margin-top: 1.5rem;}
 #quickCourseSearch {margin-left: 2rem;}

@media screen and (min-width: 1200px) {

#ubc7-logo {
      background-position: 32px 14px;
      margin-left: -15px;
      min-width: 115px
  }
#ubc7-wordmark-block {
      background-position: -83px 14px;
      width: 91.45299145299145%
  }

body.llis-default #header1ContentWrapper, 
body.llis-exl #header1ContentWrapper, 
body.llis-ubco #header1ContentWrapper, 
body.llis-lfs #header1ContentWrapper {
height: 115px;
}

#header1ContentWrapper {
  height: 2rem;
  }

}

.table .programStream {
  padding: 0.75rem 2rem!important;
}

@media screen and (max-width: 991px) {
#schoolHeaderLogoWrapper {display: none;}
#header1ContentWrapper {padding: 0 15px;}
#ubc7-wordmark-block {
      background-position: -1px -205px;
      border-left: 0;
      margin-left: 0
  }
#header1ContentWrapper .container {max-width: 100%!important;}
}

@media screen and (max-width: 767px) {
#ubc7-wordmark-block {
      background-position: -2px -276px;
      background-size: auto
  }
#header1Container {max-width: 100%;}
}

@media screen and (max-width: 319px) {
  #ubc7-wordmark-block {
      background-size:1290px!important
  }

  #ubc7-wordmark-block {
      background-position: -2px -229px
  }
}



@media only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: '3/2'),only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  #ubc7-logo,#ubc7-apom a,#ubc7-wordmark-block,#ubc7-global-utility button span,#ubc7-global-utility-no-script,#ubc7-okanagan-campus,#ubc7-vancouver-campus,#ubc7-signature a,.ubc7-carousel-control,#ubc7-ql-apom span,#ubc7-ql-mobile span,.ubc7-arrow {
      background-image:url('https://cdn.ubc.ca/clf/7.0.4/img/ubc7-clf-sprite-blue-2x.png')!important;
      background-size: 1500px!important
  }
}

@media only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 979px),only screen and (-o-min-device-pixel-ratio: '3/2') and (max-width: 979px),only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 979px),only screen and (min-device-pixel-ratio: 1.5) and (max-width: 979px) {
  #ubc7-signature a {
      background-position:-2px -435px!important;
      background-size: 1400px!important
  }
}

@media only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 767px),only screen and (-o-min-device-pixel-ratio: '3/2') and (max-width: 767px),only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px),only screen and (min-device-pixel-ratio: 1.5) and (max-width: 767px) {
  #ubc7-signature a {
      background-position:-2px -544px!important;
      background-size: 1500px!important
  }
}
  
/*----------------------------------------------------------------------------*/

#header0Container {
  max-width: unset;
  padding: 0;
}

#mainContentWrapper {
  Margin-top: 1.5rem;
}

#quickCourseSearch {
  margin-left: 2rem;
}

#ubc7-vancouver-campus {
  background-position: -1320px -122px;
  background-repeat: no-repeat
}

#ubc7-okanagan-campus {
  background-position: -1320px -165px;
  background-repeat: no-repeat
}

.ubc7-campus {
  bottom: 17px;
  cursor: pointer;
  display: block;
  float: left;
  height: 18px;
  left: 28px;
  overflow: hidden;
  position: absolute;
  width: 135px;
}

#ubc7-global-utility {
  top: 0;
  position: absolute;
  right: -120px;
}

#ubc7-global-utility button {
  background: transparent;
  border: 0;
  float: right;
  margin-right: 13px;
  height: 35px;
  padding: 0;
  width: 45px;
  outline: none;
}

#ubc7-global-utility button span,
#ubc7-global-utility-no-script {
  background-position: -1233px 7px;
  background-color: #002145;
  cursor: pointer;
  display: block;
  height: 35px;
  width: 45px
}

#ubc7-global-utility button:hover span,
#ubc7-global-utility button:active span {
  background-color: #002145
}

#ubc7-global-utility button span.opened {
  background-color: #002145;
  background-position: -1167px 7px
}

#ubc7-global-menu,
#ubc7-unit,
#ubc7-global-footer,
#ubc7-minimal-footer,
#ubc7-footer-menu h3,
#ubc7-footer-menu h4 {
  font-family: Arial, Sans-Serif !important
}

#ubc7-global-menu {
  background: #fff
}

#ubc7-global-menu {
  box-shadow: inset 0 -60px 60px -60px #ccc;
  -moz-box-shadow: inset 0 -60px 60px -60px #ccc;
  -webkit-box-shadow: inset 0 -60px 60px -60px #ccc;
}

#ubc7-global-menu.in #ubc7-search input,
#ubc7-global-menu.in #ubc7-search button,
#ubc7-global-menu.in #ubc7-global-header a {
  visibility: visible !important
}

#ubc7-search {
  background-color: #d7e0e7;
  height: 90px;
  text-align: center;
  width: 100%
}

#ubc7-search {
  background-color: #d7e0e7;
  height: 90px;
  text-align: center;
  width: 100%
}

#ubc7-search-box {
  padding-top: 30px
}

#ubc7-search-box input {
  font-size: 16px;
  border: 1px solid #ccc;
}

#ubc7-search-box label {
  display: none
}



#ubc7-search-box .btn {
  background-color: #002145 !important;
  *background-color: #191938;
  background-image: -ms-linear-gradient(top, #002145, #191938);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#002145), to(#191938));
  background-image: -webkit-linear-gradient(top, #002145, #191938);
  background-image: -o-linear-gradient(top, #002145, #191938);
  background-image: linear-gradient(to bottom, #002145, #191938);
  background-image: -moz-linear-gradient(top, #002145, #191938);
  background-repeat: repeat-x;
  border: 1px solid #191938;
  border-color: rgba(25, 25, 56, .5);
  border-color: #002145;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #fff;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#002145', endColorstr='#191938', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  text-decoration: none;
  text-shadow: none;
  *zoom: 1;
  font-size: 14px !important;
  margin-left: 5px;
}

#ubc7-search-box .btn:hover,
#ubc7-search-box .btn:active {
  background-color: #2f5d7c !important;
  *background-color: #264e6a;
  border-color: #2f5d7c;
  color: #fff
}

#ubc7-global-header {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-align: left;
  max-width: 850px;
  margin: 0 auto;
  height: 122px;
}

#ubc7-global-header ul {
  list-style-type: none;
  margin-left: 0
}

#ubc7-global-header li {
  border-bottom: 1px solid #d7e0e7;
  display: block;
  float: left;
  height: 30px;
  margin: 10px 1% 0 1%;
  width: 23%
}

#ubc7-global-header a {
  color: #002145 !important;
  font-size: 12px;
  text-decoration: none
}

#ubc7-global-header a:hover,
#ubc7-global-header a:active {
  text-decoration: underline
}

.input-xlarge {
  width: 270px
}

.collapse {
  position: relative;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -moz-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
}

.collapse.in {
  height: auto
}

.form-search {
  display: inline-flex;
}

input[type="text"]:focus {
  border-color: rgba(82,168,236,0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
}
button.btn {
  padding:4px 12px;
}



@media screen and (min-width: 1200px) {
  #ubc7-vancouver-campus {
      background-position: -1320px -5px;
  }

  #ubc7-okanagan-campus {
      background-position: -1320px -53px
  }

  .ubc7-campus {
      bottom: 19px;
      height: 24px;
      left: 36px;
      width: 170px;
  }

  #ubc7-global-utility {
      right: -150px;
  }

  #ubc7-global-utility button {
      height: 43px;
      margin-right: 17px;
  }


  #ubc7-global-utility button span,
  a#ubc7-global-utility-no-script {
      background-position: -1233px 11px;
      height: 43px;
      margin-right: 19px
  }

  #ubc7-global-utility-no-script {
      left: 64px;
      top: 0
  }

  #ubc7-global-utility button span.opened {
      background-position: -1167px 11px
  }
}

@media screen and (max-width: 979px) {
  #ubc7-vancouver-campus {
      background-position: -1319px -226px
  }

  #ubc7-okanagan-campus {
      background-position: -1319px -262px
  }

  .ubc7-campus {
      bottom: 30px;
      left: 40px;
      width: 135px;
  }

  #ubc7-global-utility {
      right: 30px;
  }

  #ubc7-global-utility button {
      box-shadow: 0 0;
      -moz-box-shadow: 0 0;
      -webkit-box-shadow: 0 0;
      cursor: pointer;
      height: 44px;
      margin-right: 0
  }

  #ubc7-global-utility button span,
  a#ubc7-global-utility-no-script {
      height: 33px;
      position: relative;
      top: -6px
  }

  #ubc7-global-header .span8 {
      width: 100% !important
  }

  #ubc7-global-header .row-fluid .offset2:first-child {
      margin-left: 0
  }
}

@media screen and (max-width: 767px) {
  #ubc7-vancouver-campus {
      background-position: -1319px -301px
  }

  #ubc7-okanagan-campus {
      background-position: -1319px -329px
  }

  .ubc7-campus {
      left: 35px;
      bottom: 17px;
      width: 100px;
  }

  #ubc7-global-utility button span {
      background-position: -1229px -291px
  }

  #ubc7-global-utility button span.opened {
      background-position: -1163px -291px
  }

  #ubc7-search-box .input-xlarge {
      max-width: 200px !important
  }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
      display: block;
      width: 100%;
      min-height: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }

  #ubc7-global-header li {
      width: 48%
  }
  #ubc7-global-header {
      height: 200px;
  }
}

@media screen and (max-width: 379px) {

  #ubc7-global-utility button span,
  a#ubc7-global-utility-no-script {
      background-position: -1229px -296px;
      height: 25px;
      position: relative;
      top: -10px
  }

  #ubc7-global-utility button span.opened {
      background-position: -1163px -296px
  }
}

@media screen and (max-width: 319px) {

  #ubc7-wordmark-block,
  #ubc7-signature a,
  #ubc7-okanagan-campus,
  #ubc7-vancouver-campus {
      background-size: 1290px !important
  }

  #ubc7-wordmark-block {
      background-position: -2px -229px
  }

  #ubc7-signature a {
      background-position: -2px -461px !important
  }

  .ubc7-campus {
      left: 30px
  }

  #ubc7-okanagan-campus {
      background-position: -1135px -283px
  }

  #ubc7-vancouver-campus {
      background-position: -1135px -259px
  }
}

/*-------------------------Global nav, globalNavigationEmbeddable.jsp ------------------------------*/ 
#header3Container{
  display: flex;
  justify-content: right;
  background-color: #002145  !important;
} /* align nav items to the right */

#header3Wrapper{
  /*padding-bottom: 10px;    space between global nav and the body content*/
    background-color: #002145  !important;
  }
  
#globalNavigationBar{
      background-color: #002145 !important;
      padding: 0 1rem;
      } /* change the color of the center of the navbar that is now aligned to the right*/

.nav-item {
  font-size: 17px !important; /* global nav item font size */
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}
#mainNavBarCollapsable .nav-item {
  margin-left: 1.5rem;
}

.portalMenu .active > a, .sidebarScrollSpy .active > a {
  border-left: 5px solid #fff!important;
  background-color: #002145!important;
  color: #fff!important;
}
#scrollSpyMenuNav a {
  color: #002145;
}

.navbar-light .navbar-nav .nav-link{
    color: white !important;
    font-family: 'Open Sans', sans-serif;
    } /* Color of navbar items/links */

/*----------------------------------------------------------------------------------*/

/*----------------------Footer, bottomNavigation.jsp------------------------------------------------------*/
     
footer {
    background-color: #002145;
    color: white !important;
    margin-top: 3rem;
  }


  #footer-info {
    line-height: 18px;
  }

  .cc-banner.cc-bottom {
    display: none;
}
/*----------------------------------------------------------------------------------*/


#sidebar1Module1{
  color: white !important;
}
#sidebar1Wrapper{

  background-color: #e6e6e6;
    
  }
  .nav-pills{
    color: white !important;
  }


/*** Student portal ***/
/** Student login / Checkout login **/
#pageStudentLogin #existingStudentDiv .sectionHeader,
#pageCheckoutLogin #contentModule1 .col-md-8 .sectionHeader {display: none;}

#pageStudentLogin #newStudentDiv .sectionHeader,
#pageCheckoutLogin .sectionHeader { 
  padding: 0 1rem; 
  background-color: #e9eef2;
}
#pageStudentLogin #newStudentDiv .sectionHeader h2,
#pageCheckoutLogin .sectionHeader h2 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0px;
}

#pageStudentLogin #portalNativeLoginPanel > div:first-child p:empty,
#pageCheckoutLogin #portalNativeLoginPanel > div:first-child p:empty { display: none; }

#pageStudentLogin #existingStudentDiv > .row,
#pageCheckoutLogin #portalExternalLogonLinkPanel,
#pageCheckoutLogin #contentModule1 form { height: 100%!important; }

#pageStudentLogin #existingStudentDiv div[class^="col-"],
#pageStudentLogin #newStudentDiv,
#pageCheckoutLogin #contentModule1 div[class^="col-md-6"],
#pageCheckoutLogin #contentModule1 .col-md-4 { 
  background-color: #e9eef2;
  padding: 15px 30px;
  border: 0 solid #fff;
}

#pageStudentLogin #existingStudentDiv > .row > div[class^="col-"]:nth-child(1),
#pageCheckoutLogin #contentModule1 div[class^="col-md-6"]:nth-child(1)  { border-width: 0 30px 0 15px; }

#pageStudentLogin #existingStudentDiv > .row > div[class^="col-"]:nth-child(2),
#pageCheckoutLogin #contentModule1 div[class^="col-md-6"]:nth-child(2) { border-width: 0 30px 0 30px; }
#pageStudentLogin #newStudentDiv,
#pageCheckoutLogin #contentModule1 .col-md-4 { border-width: 0 15px 0 30px; }

#pageStudentLogin #variableContentBlockPG0015,
#pageCheckoutLogin #variableContentBlockPG0015 { margin-bottom: 1.5rem; }
#newStudentDiv .sectionHeader {
  margin-top: -6px;
}
#newStudentDiv .sectionHeader {
  border: 0;
}
#existingStudentDiv h3 {
  font-size: 22px;
  min-height: 3rem;
}

@media ( max-width: 768px ){
 #pageStudentLogin #existingStudentDiv > .row > div[class^="col-"]:nth-child(1), 
 #pageCheckoutLogin #contentModule1 div[class^="col-md-6"]:nth-child(1),
 #pageStudentLogin #existingStudentDiv > .row > div[class^="col-"]:nth-child(2), 
 #pageCheckoutLogin #contentModule1 div[class^="col-md-6"]:nth-child(2),
 #pageStudentLogin #newStudentDiv, 
 #pageCheckoutLogin #contentModule1 .col-md-4 { border-width:0 0 15px 0; }
}

/*** Course Search ***/

#courseSearchStreamAndArea {
  display: none!important;
}

body#pageCapBasketPage  #header1Wrapper #cartInfo {
  padding: 1rem 1rem 0 0 !important;
  margin: 0!important;
  text-align: right!important;
}